import React from "react";

class TodoItem extends React.Component {
    // 子组件向父组件传值 子组件调用父组件传递的方法
    constructor(props) {
        super(props);
        this.deleteItem = this.deleteItem.bind(this);
    }
    deleteItem() {
        // 解构赋值
        const {onDelete, index} = this.props;
        // this.props.onDelete(this.props.index);
        // 代码优化
        onDelete(index);
    }
    render() {
        // 赋值 三千弱水只取一瓢；
        const {content} = this.props;
        // 子组件接收父组件传值 用props
        return <li onDoubleClick={this.deleteItem}>{content}</li>
    }
}

export default TodoItem;